@charset "GBK";
/* CSS Document */

/*add button*/		
	.datagrid div.fbutton .add
		{
			background: url(images/add.png) no-repeat center left;
		}	

/*delete button*/		
	.datagrid div.fbutton .delete
		{
			background: url(images/close.png) no-repeat center left;
		}	
		
/*edit button*/		
	.datagrid div.fbutton .edit
		{
			background: url(images/edit.png) no-repeat center left;
		}	
		
.datagrid
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	border: 0px solid #eee;
	overflow: hidden;
	color: #000;
	}

	.datagrid.hideBody
		{
		height: 26px !important;
		border-bottom: 1px solid #ccc;
		}

	.ie6fullwidthbug
		{
		border-right: 0px solid #ccc;
		padding-right: 2px;	
		}

.datagrid div.nDiv
	{
	background: #eee url(images/line.gif) repeat-y -1px top;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: auto;
	left: 0px;
	position: absolute;
	z-index: 999;
	float: left;
	}

	.datagrid div.nDiv table
		{
		margin: 2px;
		}

.datagrid div.hDivBox
	{
	float: left; 
	padding-right: 40px;
	}

.datagrid div.bDiv table
	{
	margin-bottom: 10px;
	}
	
	.datagrid div.bDiv table.autoht
		{
		border-bottom: 0px;
		margin-bottom: 0px;
		}
	
.datagrid div.nDiv td
	{
	padding: 2px 3px;
	border: 1px solid #eee;
	cursor: default;
	}

.datagrid div.nDiv tr:hover td, .datagrid div.nDiv tr.ndcolover td
	{
	background: #d5effc url(images/hl.png) repeat-x top;
	border: 1px solid #a8d8eb;
	}
	
	.datagrid div.nDiv td.ndcol1
		{
		border-right: 1px solid #ccc;
		}
		
	.datagrid div.nDiv td.ndcol2
		{
		border-left: 1px solid #fff;
		padding-right: 10px;
		}

	.datagrid div.nDiv tr:hover td.ndcol1, .datagrid div.nDiv tr.ndcolover td.ndcol1
		{
		border-right: 1px solid #d2e3ec;
		}
		
	.datagrid div.nDiv tr:hover td.ndcol2, .datagrid div.nDiv tr.ndcolover td.ndcol2
		{
		border-left: 1px solid #eef8ff;
		}
	
	.datagrid div.nBtn
		{
		position: absolute;
		height: 24px;
		width: 14px;
		z-index: 900;
		background: #fafafa url(images/fhbg.gif) repeat-x bottom;
		border: 0px solid #ccc;
		border-left: 1px solid #ccc;
		top: 0px;
		left: 0px;
		margin-top: 1px;
		cursor: pointer;
		display: none;
		}
		
		.datagrid div.nBtn div
			{
			height: 24px;
			width: 12px;
			border-left: 1px solid #fff;
			float: left;
			background: url(images/ddn.png) no-repeat center;
			}		
		
		.datagrid div.nBtn.srtd
			{
			background: url(images/wbg.gif) repeat-x 0px -1px;
			}
		

.datagrid div.mDiv
	{
	background: url(images/wbg.gif) repeat-x top;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-top: 0px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	}

.datagrid div.mDiv div
	{
	padding: 6px;
	white-space: nowrap;
	}
	
		.datagrid div.mDiv div.ptogtitle
			{
			position: absolute;
			top: 4px;
			right: 3px;
			padding: 0px;
			height: 16px;
			width: 16px;
			overflow: hidden;
			border: 1px solid #ccc;
			cursor: pointer;
			}

			.datagrid div.mDiv div.ptogtitle:hover
			{
			background-position: left -2px;
			border-color: #bbb;
			}
			
			.datagrid div.mDiv div.ptogtitle span
			{
			display: block;
			border-left: 1px solid #eee;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #ddd;
			width: 14px;
			height: 14px;
			background: url(images/uup.png) no-repeat center;
			}
			
			.datagrid div.mDiv div.ptogtitle.vsble span
			{
			background: url(images/ddn.png) no-repeat center;			
			}			

.datagrid div.tDiv /*toolbar*/
	{
	background: #fafafa url(images/bg.gif) repeat-x top;
	position: relative;			
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

	.datagrid div.tDiv2
		{
		float: left;
		clear: both;
		padding: 1px;
		}

.datagrid div.sDiv /*toolbar*/
	{
	background: #fafafa url(images/bg.gif) repeat-x top;
	position: relative;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	display: none;
	}

	.datagrid div.sDiv2
		{
		float: left;
		clear: both;
		padding: 5px;
		padding-left: 5px;
		width: 1024px;
		}

		.datagrid div.sDiv2 input, .datagrid div.sDiv2 select
		{
		vertical-align: middle;
		}
			
	.datagrid div.btnseparator
		{
		float: left;
		height: 22px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #fff;
		margin: 1px;
		}
	
	.datagrid div.fbutton
		{
			float: left;
			display: block;
			cursor: pointer;
			padding: 1px;
		}

	.datagrid div.fbutton div
		{
			float: left;
			padding: 1px 3px;
		}		
		
	.datagrid div.fbutton span
		{
		float: left;
		display: block;
		padding: 3px;
		}

	.datagrid div.fbutton:hover, .datagrid div.fbutton.fbOver
		{
			padding: 0px;
			border: 1px solid #ccc;
		}

	.datagrid div.fbutton:hover div, .datagrid div.fbutton.fbOver div
		{
			padding: 0px 2px;
			border-left: 1px solid #fff;
			border-top: 1px solid #fff;
			border-right: 1px solid #eee;
			border-bottom: 1px solid #eee;
		}		
		
	
/* end toolbar*/

.datagrid div.hDiv
	{
	background: #fafafa url(images/fhbg.gif) repeat-x bottom;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}	

.datagrid div.hDiv table
	{
	border-right: 1px solid #fff;
	}

	.datagrid div.cDrag
		{
		float: left;
		position: absolute;
		z-index: 2;
		overflow: visible;
		}

		.datagrid div.cDrag div
			{
			float: left;
			background: none;
			display: block;
			position: absolute;
			height: 24px;
			width: 5px;
			cursor: col-resize;
			}
			
		.datagrid div.cDrag div:hover, .datagrid div.cDrag div.dragging
			{
			background: url(images/line.gif) repeat-y 2px center;
			}

.datagrid div.iDiv
	{
		border: 1px solid #316ac5;
		position: absolute;
		overflow: visible;
		background: none;
	}
	
	.datagrid div.iDiv input, .datagrid div.iDiv select, .datagrid div.iDiv textarea
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		}
		
	.datagrid div.iDiv input.tb
		{
		border: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		padding: 0px;
		background: none;
		}			
					
.datagrid div.bDiv
	{
	border: 1px solid #ccc;
	border-top: 0px;
	background: #fff;
	overflow: auto;
	position: relative;
	}
	
.datagrid div.bDiv table
	{
	border-bottom: 1px solid #ccc;
	}
	
	.datagrid div.hGrip
	{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 5px;
	width: 5px;
	background: url(images/line.gif) repeat-x center;
	margin-right: 1px;
	cursor: col-resize;
	}
	
		.datagrid div.hGrip:hover, .datagrid div.hGrip.hgOver
			{
				border-right: 1px solid #999;				
				margin-right: 0px;
			}
	
	.datagrid div.vGrip
		{
		height: 5px;
		overflow: hidden;
		position: relative;
		background: #fafafa url(images/wbg.gif) repeat-x 0px -1px;
		border: 1px solid #ccc;
		border-top: 0px;
		text-align: center;
		cursor: row-resize;
		}
			
			.datagrid div.vGrip span
					{
					display: block;
					margin: 1px auto;
					width: 20px;
					height: 1px;
					overflow: hidden;
					border-top: 1px solid #aaa;
					border-bottom: 1px solid #aaa;	
					background: none;
					}

.datagrid div.hDiv th, .datagrid  div.bDiv td  /* common cell properties*/
	{
	text-align: left;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
	overflow: hidden;
	vertical-align: top !important;
	}

		.datagrid div.hDiv th div, .datagrid  div.bDiv td  div, div.colCopy div/* common inner cell properties*/
			{
			padding: 5px;
			border-left: 0px solid #fff;
			}

.datagrid div.hDiv th, div.colCopy
	{
	font-weight: normal;
	height: 24px;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	}	

div.colCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fafafa url(images/fhbg.gif) repeat-x bottom;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

.datagrid div.hDiv th.sorted
	{
	background: url(images/wbg.gif) repeat-x 0px -1px;
	border-bottom: 0px solid #ccc;
	}
	
	.datagrid div.hDiv th.thOver
	{
	}

	.datagrid div.hDiv th.thOver div, .datagrid div.hDiv th.sorted.thOver div
	{
	border-bottom: 1px solid orange;
	padding-bottom: 4px;
	}
	
	.datagrid div.hDiv th.sorted div
	{
	border-bottom: 0px solid #ccc;
	padding-bottom: 5px;
	}

	.datagrid div.hDiv th.thMove
	{
	background: #fff;
	color: #fff;
	}
	
	.datagrid div.hDiv th.sorted.thMove div
		{
		border-bottom: 1px solid #fff;
		padding-bottom: 4px
		}
	
	.datagrid div.hDiv th.thMove div
	{
		background: #fff !important;
	}	
	
	.datagrid div.hDiv th div.sdesc
		{
		background: url(images/dn.png) no-repeat center top;
		}	

	.datagrid div.hDiv th div.sasc
		{
		background: url(images/up.png) no-repeat center top;
		}	
		
.datagrid div.bDiv td
	{
	border-bottom: 1px solid #fff;
	vertical-align: top;
	white-space: nowrap;
	}

		.datagrid div.hDiv th div
			{
			}
			
			.datagrid span.cdropleft
			{
			display: block;
			background: url(images/prev.gif) no-repeat -4px center;
			width: 24px;
			height: 24px;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			z-index: 3;
			}

			.datagrid div.hDiv span.cdropright
			{
			display: block;
			background: url(images/next.gif) no-repeat 12px center;
			width: 24px;
			height: 24px;
			float: right;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			}


		.datagrid div.bDiv td div
			{
			border-top: 0px solid #fff;
			padding-bottom: 4px;
			}
	
				
		.datagrid tr td.sorted
				{
				background: #f3f3f3;
				border-right: 1px solid #ddd;
				border-bottom: 1px solid #f3f3f3;
				}		

				.datagrid tr td.sorted div
					{
					}


		.datagrid tr.erow td
				{
				background: #f7f7f7;
				border-bottom: 1px solid #f7f7f7;
				}
				
		.datagrid tr.erow td.sorted
				{
				background: #e3e3e3;
				border-bottom: 1px solid #e3e3e3;
				}						

				.datagrid tr.erow td.sorted div
					{
					}

		.datagrid div.bDiv tr:hover td, 
		.datagrid div.bDiv tr:hover td.sorted,
		.datagrid div.bDiv tr.trOver td.sorted, 
		.datagrid div.bDiv tr.trOver td
			{
			background: #d9ebf5;
			border-left: 1px solid #eef8ff;
			border-bottom: 1px dotted #a8d8eb;
			}
					
		.datagrid div.bDiv tr.trSelected:hover td, 
		.datagrid div.bDiv tr.trSelected:hover td.sorted,
		.datagrid div.bDiv tr.trOver.trSelected td.sorted, 
		.datagrid div.bDiv tr.trOver.trSelected td,
		.datagrid tr.trSelected td.sorted, 
		.datagrid tr.trSelected td
			{
			background: #d5effc url(images/hl.png) repeat-x top;
			border-right: 1px solid #d2e3ec;
			border-left: 1px solid #eef8ff;
			border-bottom: 1px solid #a8d8eb;
			}

	/* novstripe adjustments */

	.datagrid.novstripe .bDiv table
	{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.datagrid.novstripe  div.bDiv td  
		{
		border-right-color: #fff;
		}
		
	.datagrid.novstripe div.bDiv tr.erow td.sorted
		{
		border-right-color: #e3e3e3;
		}

	.datagrid.novstripe div.bDiv tr td.sorted
		{
		border-right-color: #f3f3f3;
		}

	.datagrid.novstripe  div.bDiv tr.erow td  
		{
		border-right-color: #f7f7f7;
		border-left-color: #f7f7f7;
		}
		
		.datagrid.novstripe div.bDiv tr.trSelected:hover td, 
		.datagrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
		.datagrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, 
		.datagrid.novstripe div.bDiv tr.trOver.trSelected td,
		.datagrid.novstripe tr.trSelected td.sorted, 
		.datagrid.novstripe tr.trSelected td
			{
			border-right: 1px solid #0066FF;
			border-left: 1px solid #0066FF;
			}		

	.datagrid.novstripe div.bDiv tr.trOver td, .datagrid.novstripe div.bDiv tr:hover td
		{
		border-left-color: #d9ebf5;
		border-right-color: #d9ebf5;
		}

	/* end novstripe */

.datagrid div.pDiv
	{
	background: url(images/wbg.gif) repeat-x 0 -1px;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	}

.datagrid div.pDiv div.pDiv2
	{
	margin: 3px;
	margin-left: -2px;
	float: left;
	width: 1024px;
	}	
	
	div.pGroup
		{
		float: left;
		background: none;
		height: 24px;
		margin: 0px 5px;
		}
	
	.datagrid div.pDiv .pPageStat, .datagrid div.pDiv .pcontrol
		{
		position: relative;

		top: 5px;
		overflow: visible;
		}
		
	.datagrid div.pDiv input
		{
		vertical-align: text-top;
		position: relative;
		top: -5px;
		}
	
	.datagrid div.pDiv  div.pButton
		{
		float: left;
		width: 22px;
		height: 22px;
		border: 0px;
		cursor: pointer;
		overflow: hidden;
		}

		.datagrid div.pDiv  div.pButton:hover, .datagrid div.pDiv  div.pButton.pBtnOver
			{
			width: 20px;
			height: 20px;
			border: 1px solid #ccc;
			cursor: pointer;
			}
		
	.datagrid div.pDiv  div.pButton span
		{
		width: 20px;
		height: 20px;
		display: block;
		float: left;
		}		
	
		.datagrid div.pDiv  div.pButton:hover span, .datagrid div.pDiv  div.pButton.pBtnOver span
			{
			width: 19px;
			height: 19px;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}		
		

		.datagrid .pSearch
			{
			background: url(images/magnifier.png) no-repeat center;
			}
	
		.datagrid .pFirst
			{
			background: url(images/first.gif) no-repeat center;
			}
			
		.datagrid .pPrev
			{
			background: url(images/prev.gif) no-repeat center;
			}

		.datagrid .pNext
			{
			background: url(images/next.gif) no-repeat center;
			}

		.datagrid .pLast
			{
			background: url(images/last.gif) no-repeat center;
			}
			
		.datagrid .pReload
			{
			background: url(images/load.png) no-repeat center;
			}
			
		.datagrid .pReload.loading
			{
			background: url(images/load.gif) no-repeat center;
			}															

/* ie adjustments */
			
		.datagrid.ie div.hDiv th div, .datagrid.ie  div.bDiv td  div, div.colCopy.ie div/* common inner cell properties*/
			{
			overflow: hidden;
			}			
		